<template>
  <div>
    <h1 v-yin>{{count}}</h1>
  </div>
</template>

<script>
export default {
  name:'App',
  data(){
    return {
      count :0
    }
  },
  //自定义指令 指令是一ele个回调函数，回调函数的参数第一个参数是当前的Dom元素
  //当对dom进行底层操作的时候，可能会碰到需要自定义组件的操作
  
  directives:{
    yin(ele){
      console.log(ele);
      ele.style.background = 'red'
      ele.style.fontSize = '100px'
    }
  }
}
</script>

<style>

</style>